import styled from 'styled-components'

const TeamHomeWrapper = styled.div`
    height: 100%;
    .adress{
        display: flex;
        align-items: center;
        font-size: .12rem;
        color: #999999;
        i{
            padding: 0;
        }
    }
    .num{
        display: flex;
        align-items: center;
        font-size: .12rem;
        color: #999999;
        b{
            color: #2984F8
        }
    }
    .tag{
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 0% .2rem;
        div{
            margin-right: .2rem;
        }
    }
    .title{
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        .job{
            margin-left: .1rem;
            padding-bottom: .01rem;
            font-size: .12rem;
            color: #999999;
        }
    }
    .info{
        padding-bottom: .1rem;
    }
    .doctor{
        .dtitle{
            padding: 0 .2rem;
            font-size: .16rem;
            margin: .1rem 0;
        }
        .right{
            button{
                width: .6rem;
                height: .3rem;
            }
        }
    }
    >button{
        position: fixed;
        bottom: 0;
        left: .4rem;
    }
`

export {
    TeamHomeWrapper
}